//;/
   Created by Haomin on 2017/10/31.

doctype html
html(lang='zh-CN')
    head
        meta(charset='UTF-8')
        script(src="https://code.jquery.com/jquery-1.12.4.js")
        link(rel='stylesheet',href='/stylesheets/uniprot.min.css')
        style.
            #suggestionlist {display:block; position:absolute; z-index:1000; width:1185px; background:#ffffff; _overflow:hidden; margin-left: 12.875px; margin-top: -14.040px; overflow-y: auto; height: 250px; display:none;}
            #recommendlist {border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid #ddd; background-color: #eee; color: #333; list-style: none; padding: 2px; margin: 0; outline: 0;}
            #recommendlist li {margin: 0; padding: 0; width: 100%; font-size: 90%; list-style: none; color: #333;}
            #recommendlist li a {text-decoration: none; display: block; padding: 2px .4em;line-height: 1.5; min-height: 0; font-weight: 400; color: #333; border-bottom: 1px dotted #333}
            #recommendlist li a:hover{border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border:1px solid #FFD700;color:#333;background-color: #FFFACD}

    body(xmlns:up="http://purl.uniprot.org/core/",class="namespace-uniprot",typeof="schema:WebPage",style="zoom:1;")

        link(rel='stylesheet', type='text/css', media='all', href='/stylesheets/styles.css')
        div(style='min-height: 940px; margin-bottom: -75px;')
            div(id="masthead-container")
                div(class="masthead" style='position: relative; border-bottom: 3px solid #eee;')
                    //div(id="local-title")
                        //a(id="logo",accesskey="1",href='/')
                           //img(src='/s/a/hp_zh_cn_gray.png',alt,title='返回主页', height="200", width="200")
                    div(class="namespace-uniprot",id="local-search")
                        form(action='/search/id',id='search-form')
                            div(id="namespace-background", style="vertical-align:middle")
                                img(src="/images/logo_small.png"  alt="PIC")
                                input(style="width: 500px;height:100%;float:right;display:table-cell", class='ui-autocomplete-input',id='query',name='q',type='search',placeholder="Patient ID here",onfocus="this.placeholder=''" , onblur="this.placeholder='Patient ID here'",autocomplete='off',oninput='OnInput(event)')
                                a(style="width: 200px;height:40px;",id="search-button",title="search",data-icon="1",class="icon icon-functional button", href,onclick='OnSearch();return false;') Open patient view
                            //div(id='suggestionlist')
                            //    ul(id='recommendlist')
            script(type='text/javascript').
                function OnSearch(){
                    var searchURL = document.getElementById("query").value;
                    //window.open("/search/id/?q="+searchURL,"_self");
                    //miaomiaotest
                    // window.open("/search/id/?testData=11235813&q="+searchURL,"_self");
                    window.open("/search/id/?q=" + searchURL, "_self");

                }

            block content